<template>
  <div class="err-text">
    <div>404</div>
  </div>
</template>

<style scoped>
.err-text {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 70px;
  /*设置动画名称，多少时间内完成，infinite:无限循环播放*/
  animation: zoom 0.7s infinite;
  /*开启反向动画*/
  animation-direction: alternate;
}

@keyframes zoom {
  0% {
    font-size: 70px;
    color: rgba(242, 80, 80, 0.96);
  }
  100% {
    font-size: 120px;
    color: #8935ea;
  }
}
</style>
